<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script type="module">
    // 引入 a 模块 且 接收a变量
    // 通过 export 导出的内容  一定要和 导出的变量名称一致；
    // 通过 export default 导出的内容 可以自定义变量接收

    import myd, { a, b, c } from './a.js';
    console.log(a, b, c, myd);


    /*
    导入 ： 自定义变量 接收 export default 导出的内容 ，只能导出一个 

            大括号里接收的 是 export里的内容  ，可以导出多个  
    导出： 
        export
            方式一 ： export  let a = 10;
            方式二： let a  = 10; export {a};
        export default a;
    
    */
  </script>
</body>

</html>